<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport"
          content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <title>行政复议申请</title>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" />
    <link rel="stylesheet" href="../static/layer/mobile/need/layer.css" th:href="@{/layer/mobile/need/layer.css}" />
    <link rel="stylesheet" href="../static/css/main.css" th:href="@{/css/main.css}" />
    <!--    <link rel="stylesheet" href="../static/css/pagination.css" th:href="@{/css/pagination.css}" />-->
    <style>

    </style>
</head>

<body>
<div class="header">
    <div class="container">
        <!--            <img src="../static/image/banner.jpg"  th:src="@{image/banner.jpg}" alt=""/>-->
    </div>
</div>

<div class="searchBar clearfix">
    <div class="container clearfix">
        <div class="left">
            <a class="toIndex"><span><</span>返回首页</a>
        </div>
        <div class="right">

            <p class="date"></p>
            <img class="dateImg" th:src="@{image/date_icon.png}"  alt=""/>
        </div>
    </div>

</div>

<section class="section newlist-section clearfix">
    <div class="container">
        <div class="row">
            <div class="left col-md-3 col-sm-3 col-xs-3" id="navBar">
                <div class=""><img src="../static/image/home_list_icon_1@2x.png" th:src="@{image/home_list_icon_1@2x.png}" alt=""/>行政复议公开</div>
                <ul class="newTab">
                    <li data-id="1"><span>行政复议申请</span><img class="arrow"  src="../static/image/home_list_icon_2@2x.png" th:src="@{image/home_list_icon_2@2x.png}" alt=""/></li>
                    <li data-id="2" data-level1="1" data-lever2="101" ><span>事前公开</span><img  class="arrow"  src="../static/image/home_list_icon_2@2x.png" th:src="@{image/home_list_icon_2@2x.png}" alt=""/></li>
                    <li data-id="2" data-level1="2" data-lever2="102" ><span>事后公开</span><img class="arrow"  src="../static/image/home_list_icon_2@2x.png" th:src="@{image/home_list_icon_2@2x.png}" alt=""/></li>
                </ul>
            </div>
            <div class="right col-md-9 col-sm-9 col-xs-9">
                <div class="itemList">
                    <div class="subname">
                        全部
                    </div>
                    <ul id="item">

                    </ul>

                    <div id="p2" class="text-center" style="">
                        <ul id="page" class="pagination"></ul>
                    </div>

                </div>

                <div class="tips" style="display:none">
                    <h4>网上申请行政复议注意事项</h4>
                    <div>
                        <p>一、在进行网上行政复议申请前，请认真阅读行政复议指南（超链接）及以下注意事项</p>
                        <p>二、网上申请为预约申请，申请人在提交网上行政复议申请表后，复议机关将于3个工作日内进行审核，请及时查询审核结果。</p>
                        <p>三、通过审核5日内，申请人需向复议机关邮寄或直接提交相关材料原件和复印件进行确认，未经确认，视为未申请。</p>
                        <p>四、确认内容：</br>
                            <i>(1)行政复议申请书(书面形式，且申请人需签名或盖章)</i></br>
                            <i>(2)被复议具体行政行为(确权决定书、处罚决定书等)</i></br>
                            <i>(3)申请人的身份证明(公民：居民身份证；法人或其他组织：法定代表人或主要负责人的居民身份证或其</i></br>
                            <i>他身份证明，营业执照副本等)</i></br>
                            <i>(4)如有授权委托，需提交授权委托手续</i></br>
                            <i>(5)其他证据材料 </i></br>
                        </p>
                        <p>五、行政复议审理期限自行政复议机关收到书面材料之日起开始计算。(补正申请材料所用时间不计入行政复议审理期限)。</p>
                        <button class="applyTo">
                            网上申请
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<script src="../static/js/jquery-3.4.1.min.js" th:src="@{js/jquery-3.4.1.min.js}"></script>
<script src="../static/js/common.js"  th:src="@{js/common.js}"></script>
<script src="../static/js/bootstrap.min.js"  th:src="@{js/bootstrap.min.js}"></script>
<script src="../static/layer/layer.js"  th:src="@{layer/layer.js}"></script>
<script src="../static/js/jqPaginator.js"  th:src="@{js/jqPaginator.js}"></script>
<script type="text/javascript">


 $('.toIndex').click(function(){
    window.location.href="/index";
})

var index = 1;
<!--var pageSize = 100;-->


var totalPage='';
var currentPage='';
var pageSize=12;


var level1 = getUrlParam('level1');//一级id
var level2 = getUrlParam('level2');//二级id
var unitId =1;//司法局
var unitName = getUrlParam('name');//单位name

var names = getUrlParam('names');
$('.subname').html(names)

var typeId = getUrlParam('typeId');

if(typeId==1){
    $('.newTab li:nth-child(2)').addClass('mark');
     search('',unitId,level2,level1,false);
}
if(typeId==2){
    $('.newTab li:nth-child(3)').addClass('mark');
     search('',unitId,level2,level1,false);
}
if(typeId==3){
    $('.newTab li:nth-child(1)').addClass('mark');
    $('.itemList').css('display','none')
    $('.tips').css('display','block')
}

var currentTime=formatDate();
$('.date').html('今天是：'+currentTime);

  function search(keywords,unitId,level2,level1,flag) {
    $.post("/rqzf/search",
      {
        name: keywords,
        unitId:unitId,
        Lv2Id:level2,
        Lv1Id:level1,
        index:index,
        pageSize:pageSize,
      },
      function (ret) {
       if (flag) {
          $('#item').html('');
        }
          if(ret.success==0){
            var str = '';
            var data=ret.data;
            if(data&&data.length>0){
            data.forEach(function(val){
            str +=
              '<li title='+val.title+' resType='+val.resType+'   createTime='+val.createTime+'  unitName='+val.unitName+' id='+val.id+' resUrl='+val.resUrl+' >'+
                   '<i class="point"></i>'+
                   '<p>'+val.title+'</p>'+
                   '<span>'+val.createTime+'</span>'+
              '</li> ';
            });
           $('#item').html(str);
            totalPage=ret.totalPage; //总页数
            currentPage=ret.page; //当前页数
			pageSize =ret.pageSize;//每页记录数
             $.jqPaginator('#page', {
                    totalPages: Number(totalPage),
                    visiblePages: Number(pageSize),
                    currentPage: Number(currentPage),
                    prev: '<li class="prev"><a href="javascript:;">上一页</a></li>',
                    next: '<li class="next"><a href="javascript:;">下一页</a></li>',
                    page: '<li class="page"><a href="javascript:;">{{page}}</a></li>',
                    onPageChange: function (num, type) {
                      if(type=='init'){/*初始化时，type为init。这里初始化时，不需要进行请求。*/
                        return;
                      }else{
                      index=num;
                     <!-- var lv1Id=$('#navBar>ul>li.mark').attr('lv1id');-->
                    <!--  var lv2Id=$('#navBar>ul>li.mark').attr('lv2id');-->
                    <!--  var unitId=$('.select-val').attr('id');-->
                       <!-- search('',unitId,lv2Id,lv1Id,true);-->
                      }
                    }
             });

             }else{
                 $('#item').html('<div class="noData">暂无内容~</div>');
                  $('#page').jqPaginator('destroy');
             }
        }
      })
  }


  $('.newTab').on('click', 'li', function() {
    var id=$(this).attr('data-id');
    var name=$(this).find('span').text();
    $('.newlist-section .right .subname').html('行政复议'+name);
    $(this).addClass('mark').siblings('li').removeClass('mark');
    if(id==2){
        var level1=$(this).attr('data-level1');
        var level2=$(this).attr('data-lever2');
        search('',unitId,level2,level1,true);
        $('.itemList').css('display','block')
        $('.tips').css('display','none')
    }else{
        $('.tips').css('display','block')
        $('.itemList').css('display','none')
    }
  });

  <!--右侧跳转-->
$('.right ul').on('click', 'li', function() {
    var resType=$(this).attr('resType');
    var title=$(this).attr('title');
    var createTime=$(this).attr('createTime');
    var unitName=$(this).attr('unitName');
    var resUrl=$(this).attr('resUrl');
    var id=$(this).attr('id');
    window.location.href='details'+'/'+id;
 });

  $('.applyTo').click(function(){
        window.location.href='apply_step1'
  })
</script>
</body>

</html>
